.tr-select-big{
  background-color: #ffffff;
}
.tr-select{
  align-items: flex-start !important;
  display: flex;
 }
 .tr-select-small {
  width: 100%;
  flex: 1;
 }
.tr-select-small .q-field__control {
  height: 32px;
  min-height: 32px !important;
  flex-wrap: wrap;
  border:1px solid #D9D9D9;
  border-radius: 2px;
  padding: 0 8px !important;
  background-color: #ffffff;
}
.tr-select-small .q-field__marginal{
  height: 32px;
}
.tr-select-big .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 32px;
}
.tr-select-small .q-field__input {
  min-height: 20px;
  line-height: 1.7;
  width: 100%;
}
.q-menu .q-item {
  min-height: 32px;
}
.q-item--active {
  color: var(--t-color);
}
.q-field--outlined .q-field__control {
  border-radius: 2px;
}

.tr-select-small .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 18px;
}
.q-item--dense {
  padding: 2px 8px;
}
.tr-select-small .q-select__dropdown-icon{
  font-size: 10px !important;
}
.tr-select-small .q-field__append .text-negative{
  color: #0000 !important;
}
.tr-select-small .q-field__bottom{
padding: 8px 0 0;
}
.tr-select-big .q-field--focused .q-field__inner .q-field__control{
border: 1px solid var(--t-color);
box-shadow: 0 0 3px rgba(var(--t-color-rgb), 0.6);
}
.tr-select-small .q-icon{
  font-size: 12px;
  color: rgba(0,0,0,0.56);
}
.tr-select-big .q-field--disabled .q-field__control{
background-color: #f1f1f1;
color: rgba(0, 0, 0, 0.56) !important;
}
.tr-select-big  .q-field--borderless :hover{
border-color: var(--t-color)
}
 .tr-select-big .q-field--readonly .q-field__inner :hover{
border-color: #D9D9D9 !important
 }
 .tr-select-big .q-field--dense .q-field__append{
  padding-left: 8px;
 }
//校验失败样式
.tr-select-big .q-field--dense .q-field__inner .q-field__bottom{
  color: #FF0000;
}
.tr-select-big .q-field--dense .q-field__bottom{
  font-size: 12px;
}
.tr-select-big .q-field--error .q-field__inner .q-field__control{
   border: 1px solid #FF5A66!important;
}
.tr-select-big .q-field--error .q-field__inner .q-field__control:hover{
    border: 1px solid #FF5A66!important;
  box-shadow: 0 0 3px #FF5A6699;
}
.tr-select-big .q-field--error .q-field__inner .q-field__control:focus{
    border: 1px solid #FF5A66!important;
  box-shadow: 0 0 3px #FF5A6699;
}
.tr-select-big .q-field--focused .q-field--error .q-field__inner .q-field__control{
  box-shadow: 0 0 3px #FF5A6699;
}
.q-menu{
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.q-manual-focusable--focused .q-focus-helper{
  background: #BBC2D2 !important;
}
.q-item--active{
  background-color: var(--t-color-select-active);
}
.q-item--active .q-focus-helper{
  opacity: 0 !important;
}
//超长显示省略号
.tr-select-big .q-field__native span{
   overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
//readonly 模式下处理
.tr-select-big .q-field--readonly .q-icon{
  color: white;
}
.tr-select-big .q-field--readonly .q-placeholder::placeholder{
  color: white;
}
//label最新规范
.tr-select-big .tr-label-prefix-wraper .tr-label-prefix{
text-wrap: wrap;
}
.tr-select-big .tr-label-prefix-wraper-left .tr-label-prefix{
padding-top: 5.5px;
}
.tr-select-big .t-label{
  line-height: 1.5;
}
.tr-select-big .tr-label-prefix-wraper{
  row-gap: 4px;
  column-gap: 8px;
}
.q-item__label{
  color: rgb(0,0,0,var(--t-color-opacity, /*批量处理90%透明度*/0.9));
}
.q-item--active .q-item__label{
  color: var(--t-color);
}
.tr-select-big .q-field__input{
  color: rgb(0,0,0,var(--t-color-opacity, /*批量处理90%透明度*/0.9));
}
.tr-select-big .q-field__native span{
  color: rgb(0,0,0,var(--t-color-opacity, /*批量处理90%透明度*/0.9));
}

@media only screen and (max-width: 767px) {
.tr-select-big .tr-label-prefix-wraper{
  row-gap: 0px;
}
.tr-select-small .q-field__control{
  padding: 0px !important;
  border: 0px;
  border-bottom: 1px solid white;
}
.tr-select-small .q-select__dropdown-icon{
  font-size: 14px !important;
}
.tr-select-small .q-icon{
  font-size: 16px;
  transform:rotate(270deg);
}
.tr-select-small .rotate-180{
  transform:rotate(270deg);
}
.tr-select-small .q-field__bottom{
padding: 5px 0 0;
}
.tr-select-big .q-field--error .q-field__inner .q-field__control {
 border: 0px !important;
 border-bottom: 1px solid #FF5A66!important;
}
.tr-select-big .q-field--error .q-field__inner .q-field__control:hover{
    border: 0px !important;
    border-bottom: 1px solid #FF5A66!important;
    box-shadow: 0 0 3px white;

}
.tr-select-big .q-field--error .q-field__inner .q-field__control:focus{
    border: 0px !important;
    border-bottom: 1px solid #FF5A66!important;
    box-shadow: 0 0 3px white;
}
.tr-select-big .q-field--focused .q-field__inner .q-field__control{
border: 0px;
border-bottom: 1px solid #d9d9d9;
box-shadow: 0 0 3px white;
}


.tr-select-small .q-field__control {
  height: 48px;
}
.tr-select-small .q-field__marginal{
  height: 48px;
}
.q-menu .q-list{
  padding: 8px 0;
}
.q-menu .q-item {
  min-height: 40px;
  color: #323335;
}
.q-item--active{
  color: var(--t-color) !important;;
}
.q-item--dense{
  padding: 12px 16px 12px 16px ;
  min-height: 44px;
}
// .tr-select-big .q-field--readonly .q-field__input{
//   color: #D9D9D9;
// }
// .q-item--active::after{
//   content: "\ec08";
//   font-family: 'icomoon' !important;
//   color: var(--t-color);
//   width: 20px;
//   height: 20px;
// }
}
